// @primaryColor: @primaryColor;
@primaryColor: #0085FF;
@primaryColor_3p: #a8a8a808;
@primaryColor_4p: #5585F00a;
@primaryColor_5p: #5585F00d;
@primaryColor_10p: #5585F01a;
@primaryColor_60p: #5585F099;
@primaryColor_70p: #5585F0b3;
@whiteColor: #ffffff; // 白色

// 主题色背景色
@primaryColor-bg-5: rgba(85, 133, 240, 0.05);

// ********* 主题切换 by xiaofeng ***********
// 基础颜色
@defaultColor: #ffffff; //默认
@successColor: #6ec884; //成功
@warningColor: #ffb400; //警告
@dangerColor: #ec5343; //危险
@disableColor: #c0c4cc;

// 基础颜色-鼠标移上
@defaultHoverColor: #fafafa; //默认
@primaryHoverColor: #10aaf7; //主要
@successHoverColor: #00c873; //成功
@warningHoverColor: #ff9600; //警告
@dangerHoverColor: #f72239; //危险

// 基础颜色-激活
@defaultActiveColor: #eee; //默认
@primaryActiveColor: #10aaf7; //主要
@successActiveColor: #00ae64; //成功
@warningActiveColor: #e38601; //警告
@dangerActiveColor: #cb2537; //危险

// 基础颜色-相应谈色
@defaultLightColor: #fff; //默认
@primaryLightColor: #e1f3ff; //主要
@successLightColor: #d5fde5; //成功
@warningLightColor: #fff3da; //警告
@dangerLightColor: #ffe0e0; //危险

.theme-default {
	.theme(#3eb9f6);
}
.theme-blue {
	.theme(#3eb9f6);
}
.theme-green {
	.theme(#6ec884);
}
.theme-red {
	.theme(#ec5343);
}
.theme(@color: #3eb9f6) {
	@primary: @color;
}
// *********** 主题切换end *************

// ****** 公用布局结构 by xiaofeng *********
// 头部 header
@header-height: 60px;
@header-bgimg: url('~@/assets/images/common/header_bg.png');
@header-font-color: #fff;
@header-border-light: #fff;
@header-font-size: 16px;

// 左侧栏 sidebar
@sidebar-width: 200px;
@sidebar-indent: 40px;
@sidebar-btn-height: 40px;
@sidebar-color-active: #fff;
@sidebar-bg-active: #ddd;
@sidebar-border-color: #e8e8e8;
@sidebar-bg-color: #f5f5f5;
@sidebar-bgcolor-active: #024f96;

// 底部 footer
@footer-height: 40px;

// ****** 公用布局结构 end *********

// ****** 公用变量 by xiaofeng *********
// 字体系列大小变量
@font12: 12px;
@font13: 13px;
@font14: 14px;
@font15: 15px;
@font16: 16px;
@font18: 18px;
@font22: 22px;
@font30: 30px;

// 基础字号
@font-size-more: @font16;
@font-size-primary: @font14;
@font-size-small: @font12;

// 背景颜色系列
@background-color-gray: @background-color-main;
@background-color-light: #999;
@background-color-primary: #666;

@background-color-heavy: #333;
//placeholder颜色
@placeholder-color: #999999;
// 组织树背景颜色
@tree-bgcolor: #f5f7fa;
// 表格操作颜色系列
@dy_color01: #6ec884;
@table-handle01: #6ec884;
@table-handle02: #e2940d;
@table-handle03: #9159dd;
@table-handle05: #f572c2;
@table-handle04: #85cfe2;
@table-hover-bgcolor: #f5f7fa;
// 字体颜色系列

// 主题字体色
@font-color-theme: #023c71;
// 标题、输入框等重要文字
@font-color-default: #333;
// 正文文字、普通级别段落信息文字
@font-color-primary: #666;
// 辅助文字、次要信息文字、输入框提示文字
@font-color-light: #999;
@font-color-gray: #dddddd;
@font-color-danger: #e00012;

// 普通边框以及boxshadow颜色
@border-boxshadow-color: @border-color-outline;
@border-color-outline-pointed: 1px solid @font-color-main;
// 普通边框
@border-color-outline-primary: 1px solid @border-color-outline;
// 主题边框
@border-color-outline-theme: 1px solid @primary-color;
// 主题背景色
@primary-color: #023c71;
// 银灰色
@silver-gray: #cccccc;
// 内容区域背景颜色
@bgcolor-container: #ffffff;
// 边框border颜色
@border_primary: 1px solid #dddddd;
// ****** 公用变量 end *********

// ****** 标准色 by lijiacheng *********
// 页面主要文字
// @font-color-main: #2c5081;
@font-color-main: @primaryColor;
// 重要按钮上的文字
@font-color-primary-button: #ffffff;
// 分割线、边框描边色
@border-color-outline: #dddddd;
// 局部突出模块颜色
@color-outstanding: #e8e8e8;
// 整体背景颜色
@background-color-main: #e7ebee;
// 可点击按钮颜色
// @background-color-button-clickable: #2c5081;
@background-color-button-clickable: @primaryColor;
// 错误提示颜色
@color-wrong: #ec5343;
// 成功提示颜色
@color-success: #6ec884;
// 警告提示颜色
@color-warning: #f4a238;
// 导航栏颜色
@color-nav: #0a1c31;
// ****** 标准色 end *********

// ****** 常用间距 by lijiacheng *********
// 亲密间距
@padding-mini: 5px;
// 一般
@padding-small: 10px;
// 标准
@padding-standard: 20px;
// 大间距
@padding-large: 30px;
// 超大间距
@padding-super-large: 50px;
// ****** 常用间距 end *********

.transform (@args) {
	-webkit-transform: @args;
	-moz-transform: @args;
	-ms-transform: @args;
	-o-transform: @args;
	transform: @args;
}
.transition (@args) {
	-webkit-transition: @args;
	-moz-transition: @args;
	-ms-transition: @args;
	-o-transition: @args;
	transition: @args;
}

//通讯录和可见范围图标
@icon_user: url(~@/assets/images/common/icon_user.png);
@icon_folder: url(~@/assets/images/common/icon_folder.png);
@icon_label: url(~@/assets/images/common/icon_label.png);

// Api市场详情页面点击列表颜色
@themec: #3eb9f6;
@detailcolor1: #f0cf6b;
@detailcolor2: #9159dd;
@detailcolor3: #85cfe2;
@detailcolor4: #6ec884;
@detailcolor5: #f88b42;
@detailcolor6: #ff5959;

// api 列表页面样式表
@creatTopheight: 40px;
@creatTopcolor: #4fbaaf;
@creatbgcolor: #eeeeee;
@creatTitile1: #f0cf6b;
@creatTitile2: #9159dd;
@creatTitile3: #85cfe2;
@creatTitile4: #6ec884;

// *********** utils变量开始 *************

// 颜色
@primary: #ff9600;
@secondary: #53585c;
@success: #6ec884;
@info: #3eb9f6;
@warning: #ffc107;
@danger: #ec5343;
@light: #f8f8f8;
@dark: #343434;
@white: #ffffff;

// 主题色列表
@theme-colors-key: primary, secondary, success, info, warning, danger, light, dark;
@theme-colors-value: @primary, @secondary, @success, @info, @warning, @danger, @light, @dark;

// 边框
@border-width: 1px;
@border-color: #dddddd;
@border-radius: 2px;
@border-width-2: 2px;
// 间距
@spacer: 5px;

// 其他
@positions: static, relative, absolute, fixed, sticky;
@displays: none, inline, inline_block, block, table, table_row, table_cell, flex, inline_flex;
@overflows: auto, hidden;

// 应用主题颜色
@apply-theme-red: #FB2C5D;
@apply-theme-orange: #FF642E;
@apply-theme-yellow: #FDAB3D;
@apply-theme-green: #00CA72;
@apply-theme-cambridgeBlue: #66CCFF;
@apply-theme-darkBlue: #0085FF;
@apply-theme-purple: #A358D0;
@apply-theme-grey: #999999;


// *********** utils变量结束 *************
